header, main, footer {
    padding-left: 300px;
  }
  @media only screen and (max-width : 992px) {
    header, main, footer {
      padding-left: 0;
    }
  }
  #slide-menu{
      display: none;
  }
  @media only screen and (max-width : 992px) {
    #slide-menu{
        display: inline;
    }
  }
  /*让阅读器字号正确*/
div.reader h1{
    font-size: 2.6rem;
    opacity: 1;
}
div.reader h2{
  font-size: 2.0rem;
  opacity: 1;
}
div.reader h3{
  font-size: 1.7rem;
  opacity: 1;
}
div.reader p{
  font-size: 1.2rem;
}
/*Markdown好看*/
div.reader code {
  font-family: Consolas, Monaco, Andale Mono, monospace;
  line-height: 1.5;
  font-size: 13px;
  background-color: #f8f8f8;
}
div.reader pre {
  padding: 0px 24px;
  max-width: 90%;
  white-space: pre-wrap;
}
div.reader code {
  font-family: Consolas, Monaco, Andale Mono, monospace;
  line-height: 1.5;
  font-size: 13px;
  background-color: #f8f8f8;
}
div.reader pre{
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 6px 10px;
  border-radius: 3px;
}
div.reader aside {
  display: block;
  float: right;
  width: 390px;
}
div.reader blockquote {
  border-left:.5em solid #eee;
  padding: 0 2em;
  margin-left:0;
  max-width:85%;
}
div.reader blockquote  cite {
  font-size:14px;
  line-height:20px;
  color:#bfbfbf;
}
div.reader blockquote cite:before {
  content: '\2014 \00A0';
}

  .brand-logo{
    padding-left: 100px;
    padding-top:32px
  }
  .sidenav {
    border:1px solid rgba(0,0,0,0.14);
  }
  .sidenav-trigger {
      position: absolute;
      text-align: center;
      height: 48px;
      width: 48px;
      top: 28px;
      float: none;
      margin-left: 1.5rem;
      color: #f3989b;
      font-size: 36px;
      z-index: 2;
   }
   .pink-font{
       color:rgb(255, 97, 96);
   }
   h1.nav{
       font-size: 2.9rem;
   }
   @media only screen and (max-width :992px){
    h1.nav{
     text-align: center;
    }
  }
   hr{
       color:rgba(0,0,0,0.14);
   }

@keyframes fadeaway{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes fadein{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes fadein2{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 0.9;
    }
}
@keyframes jumpin{
  0%{
    top: 100%;
  }
  100%{
    top:0px;
  }
}
@keyframes jumpout{
    0%{
      top: 0px;
    }
    100%{
      top:100%;
    }
  }
  @keyframes blurin{
    0%{
      filter: blur(0px);
    }
    100%{
      filter: blur(10px);
    }
  }
  @keyframes blurout{
    0%{
      filter: blur(10px);
    }
    100%{
      filter: blur(0px);
    }
  }
.reader{
    width: 90%;
    margin: 0 auto;
}
#test-active-bkgdiv{
    position:absolute;
    display: none;
    background-repeat:repeat; 
    background-size:100%;
    overflow: hidden;
    width: 100%;
    padding-left: 0px;
    height: 100%;
    background-color: #EFEFED;
}
#test-active{
  position:absolute;
  overflow-y: auto;
  height: 100%;
  display: none;
  width: 55%;
  bottom: 0px;
  left:0;
  right:0;
  position: fixed;
  background-color:#fafafa;
  margin: auto;
  margin-top: 0;
  border-radius:6px;
  opacity: 1;
  padding-left: 0px;
  line-height: normal;
  background: rgba(255, 255, 255, 0.7);
}
@media only screen and (max-width: 992px) {
    #test-active{
        width: 100%;
    }
}
#tab1{
  display: block;
}
#tab2{
  display: none;
}
#tab3{
  display: none;
}
#tab4{
  display: none;
}
#top-nav{
  display: none;
  height:110px;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-bottom:1px solid rgba(0,0,0,0.14);
    background-color:transparent;
}